@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Roboto:ital,wght@0,100..900;1,100..900&family=Unbounded:wght@200..900&display=swap');

:root{
    --f1: 'Roboto', sans-serif;;
    --f2: 'Unbounded', sans-serif;
     --f3: 'Dela Gothic One', sans-serif;
    --f-r: 400;
    --f-m: 500;
    --f-sb: 600;
    --r: 4px;
    --b: #222;
    --w: #fff;
    --bl1: #3463DB;
    --bl2: #3C88F5;
    --transform: translatey(-2px) scale(1.01);

}

 .pageTeaser .content {
    padding: 20px 48px 48px !important;
    max-width: 690px;
    text-align: center;
    background: #fff;
    border-radius: 20px;
}

.pageTeaser .content .title {
    margin-bottom: 10px !important;
    font-family: var(--f2) !important;
    font-size: clamp(20px, 5vw, 24px);
    font-weight: 700;
    line-height: 120%;
    text-align: center;
    color: var(--bl2);
}

.pageTeaser .content .description {
    margin-bottom: 24px !important;
    font-family: var(--f1);
    font-size: clamp(14px, 3vw, 18px);
    font-weight: 400;
    line-height: 120%;
    text-align: center;
    color: var(--b);
}

.pageTeaser .countdown-text {
    margin-bottom: 12px !important;
    font-family: var(--f2);
    font-size: clamp(12px, 4vw, 18px);
    font-weight: 300;
    line-height: 140%;
    text-align: center;
    color: var(--bl2);
}

.pageTeaser .content .countdown {
    margin-bottom: 0 !important;
    font-family: var(--f2);
    font-size: clamp(20px, 4vw, 22px) !important;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: 1px;
    text-align: center;
    color: var(--bl2);
}
@media(max-width: 640px){
    .pageTeaser .content{
margin-left: 20px;
    margin-right: 20px;}
}